<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" type="text/css" href="mainPageStyle.css"/>
        <link rel="stylesheet" type="text/css" href="menuBarStyle.css"/>
        <link rel="stylesheet" type="text/css" href="FormStyle.css"/>
        <!--<link href = "images/propel_icon.png" type="image/png" rel="shortcut icon" />-->
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Aligned Visions</title>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
    </head>

    
<script>

var currPic=0;

var picArray = new Array("images/Entrepreneurs.jpg", "images/Intern.jpg", "images/University.jpg");
var imageArray = new Array();

for(var i=0; i < picArray.length; i++) {
	imageArray[i] = new Image();
	imageArray[i].src = picArray[i];
}

function changePic(){
  currPic = currPic + 1;
  if (currPic >= picArray.length) {
    currPic = 0;
  }

  document.getElementById("photo").src = picArray[currPic];
}

function login(showhide){
    if(showhide == "show"){
        document.getElementById('popupbox').style.visibility="visible";
    }else if(showhide == "hide"){
        document.getElementById('popupbox').style.visibility="hidden"; 
    }
  }
</script>
        
    <body onload="setInterval('changePic()',3000);">
    <div id="all">   
        
    <div id="popupbox"> 
       <div id="loginTitle">
                Login
                <a href="javascript:login('hide');">close</a>
            </div>
            <div id="loginBody">
                
                <div class="screenAdjus">
                    <div>Username: </div>
                    <div>Password: </div>
                </div>
                <div class="screenAdjus">
                    <form name="week_process" action="weekProcess.php" method="post">
                    <div><input name="username" type="text" size="14" /> </div>
                    <div><input name="password" type="password" size="14" /> </div>
                    <div><input type="submit" name="submit" value="login" /></div>
                    </form>    
                   </div> 
       </div>    
     </div>     
        
      <div id="titleBar">
          <div id="sizePackage">
          <a href="index.php">
              <img class="titleLogo" src="images/LogoOficialAlignedVisions2012.jpg"/></a>
          <div id="titleLink">
                <a href="index.php">HOME</a>
                <a href="about.php">ABOUT US</a>
                <a href="mission.php">MISSION</a>
                <a href="services.php">SERVICES</a>
                <a href="contact.php">CONTACT</a>
                <!--<a href="blog.php">BLOG</a>-->
          </div>
          <a a href="javascript:login('show');" style="color: #1badcf">Log in</a>
          </div>
      </div> 
      
      <div id="bodyPage">

          
